import React from 'react';
import ProCard from '@ant-design/pro-card';
import ProList from '@ant-design/pro-list';
import { useIntl } from 'umi';

const NotificationView: React.FC = () => {
    /**
     * @en-US International configuration
     * @zh-CN 国际化配置
     * */
    const intl = useIntl();

    return (
        <ProCard title={<span style={{
            fontSize: 20
        }}>{intl.formatMessage({
            id: 'pages.account.settings.notification',
            defaultMessage: '新消息通知'
        })}</span>}>
            <ProList<any>
                rowKey="name"
                itemLayout="horizontal"
                dataSource={[]}
                metas={{
                    title: {
                        dataIndex: 'title',
                    },
                    description: {
                        dataIndex: 'description',
                    },
                    actions: {
                        dataIndex: 'actions',
                    }
                }}
                cardProps={{
                    bodyStyle: {
                        padding: 0
                    }
                }}
                split />
        </ProCard>
    )
}

export default NotificationView;